iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

30天複習網頁前端設計!系列 第 3

Day3:HTML-文章中的標籤

  • 分享至 

  • xImage
  •  

標題

跟一般文件的主標題、副標題一樣,HTML也有標題的概念,共6層的heading,<h1>-<h6>字體由大至小。

<h1>Hello!</h1>
<h2>Hello!</h2>
<h3>Hello!</h3>

顯示:
https://ithelp.ithome.com.tw/upload/images/20220916/20152545NbZ49jZKLz.png

段落

<p>標籤為呈現文字段落的標籤,呈現一般文字時最常用到。

<p>Cheer up!</p>

顯示:
https://ithelp.ithome.com.tw/upload/images/20220916/20152545ovMVAqvFjA.png

連結

<a>標籤的a代表anchor,<a></a>之間的內容為網頁上顯示的文字,herf屬性為使用者要連結的網址。

<a href="https://www.youtube.com/">Youtube</a>

顯示:
https://ithelp.ithome.com.tw/upload/images/20220916/20152545lAGymXxvnP.png


下面是著重在文字中常用的標籤:

<!--註解打在這裡-->-註解
<b>-粗體
<strong>-粗體(和<b>差不多)
<i>-斜體
<em>-斜體(和<i>差不多)
<small>-小號字
<sup>-上標
<sub>-下標
<ins>-底線
<del>-刪除線
<mark>-螢光筆(黃色)
<br/>-換行
<hr/>-在頁面中創造水平線
<address>-地址(包含電話、E-mail等等)
<q>-引言,雙引號
<del>-標示被刪除的文字,顯示時會加上刪除線
<ins>-標示被編輯插入的新文字,常與<del>一起使用,顯示時會加上底線


上一篇
Day2:HTML-基本介紹
下一篇
Day4:HTML-圖片
系列文
30天複習網頁前端設計!27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言